<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="HandheldFriendly" content="true">
	<script type="text/javascript" src="__JS__/jquery.js"></script>
    <title></title>
    <style>
    html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
    header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
    table{border-collapse:collapse;border-spacing:0;}
    caption,th{font-weight:normal;}
    html,body,fieldset,iframe,abbr{border:0;}
    i,cite,em,var,address,dfn{font-style:normal;}
    [hidefocus],summary{outline:0;}
    ul , ol , ul li , li , ol li{list-style:none;}
    h1,h2,h3,h4,h5,h6,small{font-size:100%;}
    sup,sub{font-size:83%;}
    pre,code,kbd,samp{font-family:inherit;}
    q:before,q:after{content:none;}
    textarea{overflow:auto;resize:none;}
    label,summary{cursor:default;}
    a,button{cursor:pointer;}
    h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
    ins,u,s,a,a:hover{text-decoration:none;}
    html,body{
        background: #595b69;
        width: 100%;height: 100%;
    }
    .er-container{width: 100%;max-width: 640px;min-width: 320px;margin:0 auto;}
    .wrap{width: 92%;margin: 40px auto;}
    .content-box{background: #fff;text-align: center;border-radius: 5px;padding-bottom: 20px;}
	
	.top{background: #f6f6f6;padding-bottom: 18px;border-radius: 5px;padding-top: 18px;}
	.blackCor{color: #535355;font: 17px/30px 'microsoft yahei';}
	.redCor{color: #ed6364;font: 25px/30px 'microsoft yahei';font-weight: bold;}
	.bottom{padding-top: 28px;font: }
	.pic{width: 200px;padding-bottom: 15px;}
	.tips{font: 15px/25px 'microsoft yahei';color: #b6b6b8;}
	</style>
</head>
<body>
<div class="er-container">
	<div class="wrap">
		<div class="content-box">
			<div class="top">
				<p class="blackCor">充值金额</p>
				<p class="redCor">{$money}元</p>
			</div>
			<div class="bottom">
				<img src="{$qr}" alt="" class="pic">
				<p class="blackCor">请长按图片识别二维码进行充值</p>
				<p class="tips">如有疑问请联系客服</p>
			</div>
			<input type="hidden" name="order_no" value="{$order_no}" id="order_no">
		</div>
	</div>
	
</div>
<script type="text/javascript">
	window.onload=function(){
		function refresh(){
			var timestamp = Date.parse(new Date());
			//ajax取值
			var url="{:U('Pay/toajax','','')}";
			url = url+'/_'+timestamp;
			var order_no = $("#order_no").val();
			$.ajax({
				type:"post",
				url:url,
				dataType:"json",
				async:true,
				data:{order_no:order_no},
				success:function(datas){
					if(datas['f']==1){
						 window.location.href=datas.sucurl;
					}
				}
			});
		}
		var timer = setInterval(refresh,2000); 
	}
</script>	
</body>
</html>